<script lang="ts" setup>
const props = defineProps<{
  show: boolean
}>()

const emit = defineEmits([ 'close' ])
</script>

<template>
  <div @click="emit('close')" class="mask" v-show="props.show">
  <div @click.stop><slot></slot></div>
    
  </div>
</template>

<style scoped>
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #000000aa;
  overflow: auto;
}
</style>